<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <header>
        <div class="guangGao">
            <div class="daoHang">
                <div class="dox con">
                    <div class="logo"><img data-lazy-src="./logo.jfif.png" alt="" width="100%"></div>
                    <ul>
                        <li>手机</li>
                        <li>声学</li>
                        <li>配件</li>
                        <li>Lipro</li>
                        <li>PANDAER</li>
                        <li>Flyme</li>
                        <li>服务</li>
                        <li>社区</li>
                        <li>企业服务</li>
                        <li>APP下载</li>
                    </ul>
                    <div class="search">
                        <input type="text" placeholder="  搜索" class="left">
                    </div>
                </div>
            </div>
            <img data-lazy-src="./02.jpg" alt="">
        </div>
        <div class="guangGaoXia">
            <div class="xiaNeirong con">
                <ul>
                    <li>
                        <img data-lazy-src="./05.jpg" alt="">
                        <span>年货焕新</span>
                        <p>至高省1600 | 享12期免息</p>
                    </li>
                    <li>
                        <img data-lazy-src="./06.jpg" alt="">
                        <span>年货焕新</span>
                        <p>至高省1600 | 享12期免息</p>
                    </li>
                    <li>
                        <img data-lazy-src="./07.png" alt="">
                        <span>年货焕新</span>
                        <p>至高省1600 | 享12期免息</p>
                    </li>
                    <li>
                        <img data-lazy-src="./08.jpg" alt="">
                        <em>年货焕新</em>
                        <p>至高省1600 | 享12期免息</p>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 手机部分 -->
    <section>
        <h3>手机</h3>
        <div class="mei18s haiBao">
            <img data-lazy-src="./09.png" alt="">
        </div>
        <div class="xiLie">
            <div class="geZi">
                <div>
                    <div class="box1">
                        <img data-lazy-src="./10.png" alt="">
                        <span class="text">
                            <span>魅族 18 s</span>
                        <span>限时领券立省200 | 12期免息</span>
                        <span>￥3299起</span>
                        </span>
                        <span class="reMai">热卖</span>
                    </div>
                </div>
                <div>
                    <div class="box1">
                        <img data-lazy-src="./11.png" alt="">
                        <span class="text">
                            <span>魅族 18 Pro</span>
                        <span>限时领券立省200 | 12期免息</span>
                        <span>￥3699起</span>
                        </span>
                        <span class="reMai">免息</span>
                    </div>
                </div>
                <div>
                    <div class="box2">
                        <span class="biaoZhi">免息</span>
                        <img data-lazy-src="./12.png" alt="">
                        <span class="p1">魅族 18</span>
                        <span class="p2">限时领券至高立省1000 | 12期免息</span>
                        <span class="p3">￥3999起</span>
                    </div>
                </div>
                <div>
                    <div class="box2">
                        <span class="biaoZhi">热卖</span>
                        <img data-lazy-src="./13.png" alt="">
                        <span class="p1">魅族 18</span>
                        <span class="p2">限时领券至高立省1000 | 12期免息</span>
                        <span class="p3">￥4199起</span>
                    </div>
                </div>
                <div>
                    <div class="box2">
                        <span class="biaoZhi">热卖</span>
                        <img data-lazy-src="./14.png" alt="">
                        <span class="p1">魅族 18</span>
                        <span class="p2">限时领券至高立省1000 | 12期免息</span>
                        <span class="p3">2599起</span>
                    </div>
                </div>
                <div>
                    <div class="box2">
                        <span class="biaoZhi">免息</span>
                        <img data-lazy-src="./15.png" alt="">
                        <span class="p1">魅族 18</span>
                        <span class="p2">限时领券至高立省1000 | 12期免息</span>
                        <span class="p3">￥3699起</span>
                    </div>
                </div>
            </div>
        </div>
        <h3>魅族声学</h3>
        <div class="mei18s haiBao">
            <img data-lazy-src="./魅族声学.jpg" alt="">
        </div>
        <div class="shengXve">
            <div class="box3 con">
                <div class="t1">
                    <div class="left">
                        <img data-lazy-src="./s1.jpg" alt="">
                        <div class="text">
                            <span>魅族 POP3 真无线耳机</span>
                            <span>全新玲珑 ID 设计 | 半入耳舒适佩戴</span>
                            <span>￥229起</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s2.png" alt="">
                        <div class="text">
                            <span>魅蓝 Blus+ 主动降噪耳机</span>
                            <span>天青配色 超低延迟「游戏模式」</span>
                            <span>￥219</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s3.png" alt="">
                        <div class="text">
                            <span>魅族 POP2s 真无线耳机</span>
                            <span>Flyme 妙连｜蓝牙 5.0 芯片</span>
                            <span>￥159<s>￥299</s></span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s4.png" alt="">
                        <div class="text">
                            <span>魅蓝 LP21C 有线耳机</span>
                            <span>Free-edge 分频振膜|三键线控 | USB-C数字接口</span>
                            <span>￥79</span>
                        </div>
                    </div>
                </div>
                <div class="t1">
                    <div class="left">
                        <img data-lazy-src="./s5.jpg" alt="">
                        <div class="text">
                            <span>魅族 HD60 降噪耳机</span>
                            <span>【12期免息】索尼主动降噪芯片 40mm镀铍振膜</span>
                            <span>￥699起<s>￥1099</s></span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s6.png" alt="">
                        <div class="text">
                            <span>魅蓝 Blus 主动降噪耳机</span>
                            <span>12mm大动圈 30dB品质级主动降噪</span>
                            <span>￥189</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s7.png" alt="">
                        <div class="text">
                            <span>魅蓝 HiFi 解码耳放</span>
                            <span>独立 DAC 解码芯片 | 600 欧姆高阻抗负载</span>
                            <span>￥79</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./s8.png" alt="">
                        <div class="text">
                            <span>魅族 POP Pro 主动降噪耳机</span>
                            <span>三重混合主动降噪技术 | 三麦克风智能通话降噪</span>
                            <span>￥499</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <h3>PANDAER 奇趣探索</h3>
        <div class="mei18s haiBao">
            <img data-lazy-src="./01.jpg" alt="">
        </div>
        <div class="shengXve">
            <div class="box3 con">
                <div class="t1">
                    <div class="left">
                        <img data-lazy-src="./p1.jpg" alt="">
                        <div class="text">
                            <span>魅族 POP3 真无线耳机</span>
                            <span>全新玲珑 ID 设计 | 半入耳舒适佩戴</span>
                            <span>￥229起</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p2.png" alt="">
                        <div class="text">
                            <span>魅蓝 Blus+ 主动降噪耳机</span>
                            <span>天青配色 超低延迟「游戏模式」</span>
                            <span>￥219</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p3.png" alt="">
                        <div class="text">
                            <span>魅族 POP2s 真无线耳机</span>
                            <span>Flyme 妙连｜蓝牙 5.0 芯片</span>
                            <span>￥159<s>￥299</s></span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p4.png" alt="">
                        <div class="text">
                            <span>魅蓝 LP21C 有线耳机</span>
                            <span>Free-edge 分频振膜|三键线控 | USB-C数字接口</span>
                            <span>￥79</span>
                        </div>
                    </div>
                </div>
                <div class="t1">
                    <div class="left">
                        <img data-lazy-src="./p5.jpg" alt="">
                        <div class="text">
                            <span>魅族 HD60 降噪耳机</span>
                            <span>【12期免息】索尼主动降噪芯片 40mm镀铍振膜</span>
                            <span>￥699起<s>￥1099</s></span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p6.png" alt="">
                        <div class="text">
                            <span>魅蓝 Blus 主动降噪耳机</span>
                            <span>12mm大动圈 30dB品质级主动降噪</span>
                            <span>￥189</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p7.png" alt="">
                        <div class="text">
                            <span>魅蓝 HiFi 解码耳放</span>
                            <span>独立 DAC 解码芯片 | 600 欧姆高阻抗负载</span>
                            <span>￥79</span>
                        </div>
                    </div>
                    <div class="right">
                        <img data-lazy-src="./p8.png" alt="">
                        <div class="text">
                            <span>魅族 POP Pro 主动降噪耳机</span>
                            <span>三重混合主动降噪技术 | 三麦克风智能通话降噪</span>
                            <span>￥499</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <h3>社区热贴</h3>
        <div class="sheQv">
            <div class="sox1 con">
                <div class="c1">
                    <div>
                        <div><img data-lazy-src="./q1.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t1.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q2.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t2.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q3.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t3.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q4.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t4.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span></div>
                    <div>
                        <div><img data-lazy-src="./q5.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t5.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q6.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t6.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q7.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t1.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                    <div>
                        <div><img data-lazy-src="./q8.png" alt="" width="100%"></div>
                        <div class="p2">
                            <img data-lazy-src="./t1.jfif" alt="" width="36px" height="36px">
                            <span>醉刘的摄影狮</span>
                        </div>
                        <p>魅族 18ro |银河秘境图赏</p>
                        <span class="p1">魅族 18Pro</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script src="./EasyLazyload图片懒加载插件/dist/jQuery-min.js"></script>
    <script src="./EasyLazyload图片懒加载插件/dist/EasyLazyload.min.js"></script>
    <script>
        lazyLoadInit({
            // coverColor: "white",
            // coverDiv: "<h1>test</h1>",
            // offsetBottom: 0,
            // offsetTopm: 0,
            showTime: 800,
            onLoadBackEnd: function(i, e) {
                console.log("onLoadBackEnd:" + i);
            },
            onLoadBackStart: function(i, e) {
                console.log("onLoadBackStart:" + i);
            }
        });
    </script>
</body>

</html>